<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购商城-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"
    />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <!-- 1.引入样式表: 注意引入顺序 -->
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公用样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="./css/头部页脚模板.css">
    <script src="./lib/slider/jquery-1.11.0.js"></script>
    <script src="./js/头部页脚.js"></script>


</head>
<body>
        <!-- 1.头部 -->
        <div id="header">
            <!-- 1.顶部 -->
            <div class="top bgc10">
                <!-- 版心 -->
                <div class="container ce6 ti210">
                    legochina.cn
                    <div class="fr">
                        欢迎光临
                        <span class="cf60">乐购</span>，请
                        <a href="#" class="ce6">登陆</a>\
                        <a href="#" class="cf60">注册</a>
                    </div>
                </div>
            </div>
            <!-- 2.菜单 -->
            <div class="container rel">
                <!-- 1.logo -->
                <img src="./imgs/王者荣耀的logo.png" alt="" class="logo abs">
                <!-- 2.搜索+购物车 -->
                <div class="clearfix ptb420">
                    <!-- 购物车 -->
                    <div class="fr shopCar tcenter font16">
                        <a href="#">
                            购物车
                            <span>3</span>
                        </a>
                        <a href="#">我的订单</a>
                    </div>
                    <!-- 搜索框 -->
                    <form action="#" class="fr search mr35">
                        <input type="text" value="创意文具" class="ti5 cbf font16 fl">
                        <input type="submit" class="btn fl">
                    </form>
                </div>
                <!-- 3.导航 -->
                <ul class="nav font16 clearfix">
                    <li>
                        <a href="#">图书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                    <li>
                        <a href="#">电子书</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部结束 -->
        

    <!--页脚开始 -->
    <div id="yejiao">
        <div class="fengexian"></div>
        <!-- 页脚的4个Logo开始 -->
        <div class="tupians">
            <div class="sss container clearfix">
                <div class="ss">
                    <div class="s1 fl"></div>
                    <div class="s2 fl"></div>
                    <div class="s3 fl"></div>
                    <div class="s4 fl"></div>
                </div>
            </div>
        </div>
        <div id="footer" class="container">
            <div class="zhinan">
                <div class="inboxs clearfix">
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                       
                    </ul>
                </div>
                <div class="logo2"></div>
            </div>
                <!-- 页脚的购物指南结束 -->
                <!-- 页脚最下面的开始 -->
            <div class="font1">
                <ul class="clearfix">
                    <li><a href="">公司简介</a></li>
                    <li><a href="">lnvestor Relations</a></li>
                    <li><a href="">网站联盟</a></li>
                    <li><a href="">乐购招商</a></li>
                    <li><a href="">机构销售</a></li>
                    <li><a href="">手机乐购</a></li>
                    <li><a href="">官方Blog</a></li>
                    <li><a href="">热词搜索</a></li>
                </ul>
                <p>Copyright&emsp;(C)&emsp;乐购网&nbsp;2004-2016,&emsp;All&nbsp;Reserved</p>
            </div>
        </div>
    </div>
    <!-- 页脚结束 -->


<div style="height: 1000px;"></div>


        <!-- 固定头部功能 -->
    <div id="fixedHeader">
        <div></div>
        <script>
            $("#header .search").clone().appendTo("#fixedHeader")
        </script>
    </div>
</body>